<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../../js/vue.js"></script>
</head>
<body>

<div id="a">
  <h3>{{text}}</h3>

  <input type="text" v-model="text"><br>

  懒加载：<input type="text" v-model.lazy="text"><br>
  数值输入:<input type="text" v-model.number="text"><br>
  <pre>{{text}}</pre>
  去收尾空格：<input type="text" v-model.trim="text"><br>

  <h3>{{edu}}</h3>
  <select v-model="edu">
    <option value="1">高中</option>
    <option value="2">大学</option>
    <option>大专</option>
  </select>

  <h3>单选框:{{week}}</h3>
  <input type="radio" value="1"  v-model="week">星期一
  <input type="radio" value="2"  v-model="week">星期2
  <input type="radio"  v-model="week">星期3

  <h3>多选框：{{likes}}</h3>
  <input type="checkbox" value="1"  v-model="likes" >唱
  <input type="checkbox" value="2"  v-model="likes" >跳
  <input type="checkbox"  v-model="likes" >rap
</div>

<script>
  var v = new Vue({
    el:"#a",
    data:{
      text:"",
      edu:"",
      week:"",
      likes:[],
    }
  });
</script>
</body>
</html>